<template>
    <div class="common-aside">
			<div class="logo">
				<img :src="$store.state.base.navCollapse ? require('../../../assets/imgs/222.jpg') : require('../../../assets/imgs/111.jpg')" alt="">

			</div>
		<el-menu
				router
				default-active="2"
				class="el-menu-vertical-demo"
				@open="handleOpen"
				@close="handleClose"
				:collapse="$store.state.base.navCollapse"
				>
				
			<el-menu-item index="/home">
					<i class="el-icon-menu"
					></i>
					<span slot="title">首页</span>
				</el-menu-item>
				<el-submenu index="/catalists">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span>商品</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="/catalists">商品分类管理</el-menu-item>
						<el-menu-item index="itemlists">商品列表</el-menu-item>
					</el-menu-item-group>
				</el-submenu>
				<el-submenu index="/ordergoods">
					<template slot="title">
						<i class="el-icon-location"></i>
						<span>订单</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="/ordergoods">订单</el-menu-item>
						<el-menu-item index="/unpayoff">待支付</el-menu-item>
						<el-menu-item index="/undelivery">待发货</el-menu-item>
						<el-menu-item index="/delivered">已发货</el-menu-item>
					</el-menu-item-group>
				</el-submenu>
				<el-menu-item index="/user">
					<i class="el-icon-menu"></i>
					<span slot="title">个人中心</span>
				</el-menu-item>
				<el-menu-item index="/settings">
					<i class="el-icon-document"></i>
					<span slot="title">设置</span>
				</el-menu-item>
			</el-menu>
    </div>
</template>

<script>
    export default {
    }
</script>

<style lang="scss" scoped>

	
	.common-aside{
		background-color: lightblue;
		height: 100vh;
		// overflow: hidden;
		.logo{
			width: 100%;
			height: 100px;
			background-color: lightpink;
			img{
				margin: auto;
				display: block;
				height: 100px;
			}
			
		}
		.el-menu{
			background-color: lightblue;
			color: #fff;
		}
}



</style>